<template>
  <div>
    oo: {{ oo }}

    <button @click="$emit('addOO')">+1</button>
    <button @click="handleAdd">+1</button>
  </div>
</template>


<script>
export default {
  props: {
    oo: {
      type: Number
    }
  },
  setup(props, { emit }) {
    const handleAdd = () => {
      emit('addOO')
    }
    return {
      handleAdd
    }
  }
}
</script>